@import "common";

*{margin:0;padding:0;}
body{
  font-family: Verdana, Arial, Helvetica, "微软雅黑", "microsoft yahei", sans-serif;
  font-size:32/@rem;
  color: #5C6066;
  min-width:1200px;
}
a{text-decoration: none;}
li{list-style: none;}
.center{width:1200px; margin:0 auto;}

//导航栏
.nav{height:80px; line-height:80px; position:fixed; z-index:10; width:100%; font-family:'PingFangSC-Regular'; left:0; top:0;
  &.on{background:#4C6E9D;}
  &.list{background:#4C6E9D;}
  .logo{display:inline-block; vertical-align:bottom; width:125px; height:70px; background:url("/src/img/logo.png") 50% 50%/contain no-repeat; margin-left:20px;}
  .menu{float:right;
    .navicon{float:right; height:70/@rem; width:100/@rem; padding-top:30/@rem; overflow: hidden; display:none;
      i,&:before,&:after{content:''; display:block; height:6/@rem; width:50/@rem; background:#fff; margin:0 auto 10/@rem;}
    }
    ul{clear:both; margin-top: -6px;}
    li{display: inline-block; font-size:16px; margin:0 25px;
      a{color:#fff; text-decoration:none; padding-bottom:10px;}
      &.on,&:hover{
        a{border-bottom:3px #fff solid; transition:all .1s;}
      }
    }
  }

}

//底部版权
.footer{font-size:14px; width:100%; padding:50px 0; background:#EEF0F3; clear:both; line-height:35px;
  .center{display: table; height:100%;}

  .copyright{float:left; display: table-cell; vertical-align: middle;
    a{color:#5C6066; margin:0 10px;
      &:first-child{margin-left:0;}
    }
    img{height:25px; vertical-align:-13px;}
    p{font-size:12px; margin-top:-7px;
      a{margin:0;}
    }
  }
  .logo{float:right; vertical-align: middle; display: table-cell; text-align:right;
    i{display:inline-block; width:160px; height:65px; background:#000; vertical-align: bottom; background:url("/src/img/logo_blue.png") 50% 50%/contain no-repeat;}
  }
}

//列表页样式
.descBox{
  margin: 140px auto 100px; position: relative;padding: 0 30px; overflow: hidden;
  hr{border: 0;border-bottom: 1px solid #E9E9E9;}
  .content{margin-bottom:40px; padding-bottom:40px; border-bottom: 1px solid #E9E9E9;
    &:last-child{border: none;}
  }
  .descBox-main{
    width: 100%;float: left; color:#000;
    .title{
      font-size: 18px; color: #000; margin-bottom:30px;
      &:before{content: '';display: inline-block;width: 0;height: 16px;vertical-align: middle;border-left: 3px solid #4C6E9D;margin-right: 10px;}
    }
  }
  .descBox-cnt{
    width: 100%;font-size: 16px;line-height: 30px;color: #000;
    p{text-indent: 2em;}
    em{font-style: normal;color: #4C6E9D;}
    .imgbox{
      text-align: center;
      img{max-width: 100%;vertical-align: middle;}
    }
    a{text-decoration: none;color: #4C6E9D;}
  }
  .descBox-history{
    width: 100%;
    .descBox-history-group{
      display: block;padding: 0 0 30px 128px;position: relative;
      em{position: absolute;left: 0;top: 0;font-style: normal;font-size: 16px;line-height: 30px;color: #4C6E9D;background: #fff;z-index: 1;}
      p{
        font-size: 16px;line-height: 30px;
        span{margin-right: 14px;float: left;}
      }
      &:before{content: '';width: 0;height: 100%;position: absolute;left: 20px;top: 30px;border: 1px solid #E9E9E9;}
      &:last-child:before{display: none;}
      &:last-child{padding-bottom:0;}
    }
  }
  .descBox-contact{
    width: 100%;margin-top: 30px;
    .descBox-contact-group{
      font-size: 16px;border-bottom: 1px solid #E9E9E9;padding-bottom: 30px;margin-bottom: 25px;
      &:last-child{border: 0;padding: 0; margin:0;}
      dt{line-height: 40px;}
      dd{
        line-height: 30px;
        a{text-decoration: none;color: inherit;}
        em{color: #4C6E9D;font-style: normal;}
      }
    }
  }
  .descBox-pdf{width: 100%; margin: 30px 0; padding-bottom:30px; border-bottom: 1px solid #E9E9E9; line-height:22px; overflow:hidden;
    &:last-child{border: none;}
    &>img{display:block; max-width:100%;}
    ul{float:left; width:48%; border: 1px solid #E9E9E9; font-size:14px; margin-bottom:70px;
      &:nth-child(2n){float:right;}
      li{border-bottom:1px solid #E9E9E9; padding:20px 15px;
        &:last-child{border:none;}
        &:first-child{padding:0;}
      }
      a{color:#000; display: block;
        &:hover{text-decoration:underline; color:#4C6E9D;}
      }
      em{color:#999; font-style:normal;}
      img{display:block; margin:0 auto; max-width:100%;}
      i{display:inline-block; width:13px; height:13px; background:url('/src/img/fa-download.png') 0 0/contain no-repeat; vertical-align:-1px; }
    }
  }

  .descSlide{
    position: relative;width: 190px;color: #5C6066;float: right;
    .descSlideBox{position: fixed;}
    .descSlide-nav{
      a{cursor: pointer;
        margin: 7px 0; padding-left:10px; font-size: 16px;display:block;line-height:26px; height: 26px;color: inherit;text-decoration: none;position: relative;vertical-align: top;
        &:before{content: '';position: absolute;left: 0;top: 0;width: 0;height: 26px;}
      }
      a.on{color: #4C6E9D;border-left: 3px solid #4C6E9D;}
    }
    .to-top{font-size: 13px;line-height: 26px;color: inherit;margin-top: 60px;display: inline-block;cursor: pointer;}
  }
  .descBox-bottom{
    font-size: 16px;line-height: 30px;color: #000;
    a{color: #4C6E9D;text-decoration: none;font-size: inherit;}
  }
}

//视频页
.videoBox{
  margin: 140px auto 100px; position: relative;padding: 0 30px; overflow: hidden; width:710px;
  &>.title{
    font-size: 18px; color: #000; margin-bottom:30px;
    &:before{content: '';display: inline-block;width: 0;height: 16px;vertical-align: middle;border-left: 3px solid #4C6E9D;margin-right: 10px;}
  }
  a{overflow: hidden;}
  .item{overflow:hidden; clear: both; padding:25px 0; border-bottom:1px #E9E9E9 solid;
    img{float:left; width:220px; height:140px; margin-right:20px; background:#000 center center no-repeat; background-size:cover;}
    .title{font-size:16px; color:#000; line-height:24px; margin-bottom:6px; height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .time{font-size:13px; color:#5C6066; line-height:20px; margin-bottom:10px; }
    .desc{font-size:14px; color:#5C6066; line-height:24px;}
  }
  .more{cursor: pointer;
    margin-top:50px; color:#000; font-size:15px; text-align:center;
    i{display:inline-block; width:15px; height:15px; background:url("../img/loadmore.jpg") no-repeat; vertical-align:-2px; margin-right:12px;}
  }
  .actTitle{font-size:30px; color:#000; line-height:42px; font-family:'PingFangSC-Medium'; margin-bottom:30px;}
  .readData{font-size:13px; color:#5C6066; margin-bottom:30px; display:none;}
  .video-js{width:100%; height:420px;
    .vjs-big-play-button{left:50%; top:45%; margin-left:-1.5em;}
  }
}

//bizinfo页样式
.zmytdesc{max-width:750/@rem; margin:0 auto;
  .title{display:block; width:308/@rem; height:112/@rem; margin:50/@rem auto;
    iframe{ width:308/@rem; height:112/@rem; border:0;}
  }
  .blue{background:#4a7bbe; color:#fff; text-align:center; padding:0 30/@rem; height:200/@rem; overflow:hidden; margin-bottom:50/@rem; text-align:center; position:relative;
    p{width:300/@rem; height:50/@rem; background:url("../img/desc_desc.png") 0 0/contain no-repeat; position: absolute; left:50%; margin-left:-150/@rem; top:50%; margin-top:-25/@rem;}
    span{text-align:right; font-size:16/@rem; position: absolute; right:30/@rem; bottom:20/@rem;}
  }
  .content{margin:0 55/@rem 60/@rem; font-size:24/@rem; color:#464646;
    p{margin-bottom:30/@rem; line-height:32.5/@rem; text-indent:2em; text-align:justify;}
  }
  .contact{margin:0 55/@rem 30/@rem; font-size:26/@rem; color:#141414; overflow:hidden;
    &:after{content:""; display:block; background:#1d1611; height:1/@rem; width:325/@rem; margin-top:30/@rem;}
    p{margin-bottom:20/@rem; overflow:hidden; line-height:36/@rem;
      span{float:left; font-size:20/@rem; color:#505050; margin-left:15/@rem;}
      i{float:left; width:25/@rem; height:25/@rem; margin-right:12/@rem; margin-top:5/@rem;}
      a{float:left; color:#141414;}
      &.phone{
        i{background:url("../img/icon_phone.png") 0 0/contain no-repeat;}
      }
      &.addr{
        i{background:url("../img/icon_addr.png") 0 0/contain no-repeat;}
      }
    }
  }
}

//响应式手机端
@media (max-width: @maxwidth) {
  body{min-width: inherit;}
  .center{max-width:100%; margin:0 auto; height:100%;}

  //导航栏
  .nav{height:100/@rem; line-height:80/@rem; background:#4C6E9D; top:0;
    &.on{height:100/@rem; line-height:80/@rem;}
    .logo{width:165/@rem; height:100/@rem; line-height:80/@rem; margin-left:30/@rem;}
    .menu{width: 100%; position:absolute; top:0;
      &.on{
        &:before{content:""; position: absolute; top:70/@rem; right: 0; margin-right:35/@rem; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff;}
        ul{display:block;}
      }
      .navicon{display:block;}
      ul{width:100%; margin-top:0; text-align:left; background:#fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); display:none;}
      li{display:block; height:80/@rem; line-height:80/@rem; margin:0; font-size:28/@rem;
        a{display:block; padding:0 3% 0; color:#555659; border-bottom:2/@rem #eee solid;}
        &.on,&:hover{
          a{border-bottom:2/@rem #4C6E9D solid; color:#4C6E9D;}
        }
      }
    }
  }

  //底部版权
  .footer{padding:50/@rem 0; height:auto;
    .center{width:100%; height:100%;}
    .copyright{float:none; display: block; text-align: center; margin-bottom:30/@rem; line-height:30/@rem;
      &>a{color:#5C6066; margin:0 10/@rem;
        &:first-child{margin-left:0;}
        &:nth-child(5){margin-right:0;}
      }
      p{font-size:20/@rem; line-height:40/@rem;
        a{margin:0;}
      }
      img{display:block; margin:30/@rem auto;}
    }
    .logo{float:none; display: block; text-align: center; margin-bottom:20/@rem;
      i{width:200/@rem; height:105/@rem;}
    }
  }

  //列表页样式
  .descBox{padding: 0 50px; margin: 80px auto 50px;
    .descBox-pdf{
      ul{float:none; width:99%;
        &:nth-child(2n){float:none;}
      }
    }
  }
  .descSlide{display: none;}

  .videoBox{
    width:auto; margin-top:140/@rem;
    .item{
      img{width:220/@rem; height:140/@rem; margin-bottom:15/@rem;}
      .desc{clear:both;}
    }
    .video-js{width:100%; height:420/@rem;}
  }
}

@media (min-width: 940px){
  .descBox{max-width: 940px;}
  .descBox-main{max-width: 640px;}
  .descSlide{right: 50px;}
}